import { View, Image, Text } from '@tarojs/components';
// import { AtTag } from 'taro-ui';
import Price from '@/components/Price';
import './index.scss';

export default function ({ product, skuInfo, count }) {
  return (
    <View className="product-item">
      <View className="product-info">
        <View className="product-image">
          <Image mode="aspectFit" src={product.pic_url} />
        </View>
        <View className="product-right">
          <View className="product-name">{product.name || product.cartoon_kill_goods_name}</View>
          {/* <View className="product-address">{product.desc}</View> */}
          <View className="product-status">
            <Text>规格：{product.skuInfo || skuInfo.skuText}</Text>;
            <Text>数量：x{count}</Text>
          </View>
          <View className="product-bottom">
            {/* <AtTag circle size="small">
              {product.payWay}
            </AtTag> */}
            <View className="price">
              <Price price={skuInfo.price} />
            </View>
          </View>
        </View>
      </View>
    </View>
  );
}
